<template>
	<view class="Wrapmake"  @click="jumpMeasure">
		<view class="WrapmakeBtn">前往</view>
		<view class="WrapmakeTitle">
			<view class="WrapmakeTitleName">预约量体</view>
			<!-- <view class="WrapmakeTitleSessions">2场</view> -->
		</view>
<!-- 		<view class="WrapmakeLocation">
			<image class="WrapmakeLocationIcon" src="../static/images/appointment/icon_ding.png"></image>
			<view class="WrapmakeLocationText">华润城社区支行</view>
		</view> -->

	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		mounted() {
			
		},
		methods:{
			jumpMeasure(){
				
				if(uni.getStorageSync("positionId")){
					uni.navigateTo({
						url:'/pages_category_page1/tabbar/measure/sessions?id='+uni.getStorageSync("positionId")
					})
				}else{
					uni.navigateTo({
						url:'/pages_category_page1/tabbar/measure/index'
					})
				}
				
			}
		}
	}
</script>

<style scoped lang="scss">
	.Wrapmake{
		width: 690upx;
		height: 200upx;
		background-image: url('../static/images/appointment/bg_liang.png');
		background-size: 100% 100%;
		margin: 0 auto;
		margin-top: 24upx;
		position: relative;
		.WrapmakeBtn{
			width: 23upx;
			height: 100upx;
			font-size: 24upx;
			color: #fff;
			line-height: 33upx;
			font-weight: bold;
			position: absolute;
			right: 76upx;
			top:16upx
		}
		.WrapmakeTitle{
			display: flex;
			position: absolute;
			top: 100upx;
			left: 50upx;
			align-items: center;
			.WrapmakeTitleName{
				color: #3A2800;
				font-size: 40upx;
				font-weight: bold;
			}
			.WrapmakeTitleSessions{
				height: 38upx;
				line-height: 38upx;
				padding: 0 12upx;
				background-color: #FDDD98;
				color: #F5AA00;
				font-size: 24upx;
				margin-left: 12upx;
				border-radius: 8upx;
			}
		}
		.WrapmakeLocation{
			display: flex;
			align-items: center;
			position: absolute;
			bottom: 22upx;
			left: 40upx;
			.WrapmakeLocationIcon{
				width: 24upx;
				height: 30upx;
			}
			.WrapmakeLocationText{
				color: #333;
				font-size: 24upx;
				margin-left: 12upx;
			}
		}
	}
</style>